.post-excerpt {
	@extend %content-font;
	margin: 0;
	position: relative;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	-webkit-line-clamp: 2;
	font-size: $font-body;
	line-height: 1.618;

	@include breakpoint-deprecated( "<480px" ) {
		font-size: $font-body;
		line-height: 22px;
	}

	p {
		margin: 0;
	}

	p[align] {
		text-align: inherit;
	}

	&.is-long {
		&::after {
			content: "";
			text-align: right;
			position: absolute;
			bottom: 0;
			right: 0;
			width: 50%;
			height: 24px;
			background: linear-gradient(to right, color-mix(in srgb, var(--studio-white) 0%, transparent), var(--studio-white) 50%);

			@include breakpoint-deprecated( "<480px" ) {
				height: 22px;
			}
		}
	}
}
